
@font-face{
  font-family: "BEBAS";
  src: url('../font/BEBAS.ttf'),url('../font/BEBAS.eot');
  font-weight: normal;
  font-style: normal;
}
/* 鍦ㄧ嚎閾炬帴鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔＄殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆� */
@font-face {
  font-family: 'iconfont';  /* Project id 4630825 */
  src: url('//at.alicdn.com/t/c/font_4630825_yei5jdnfq8e.woff2?t=1722148530629') format('woff2'),
  url('//at.alicdn.com/t/c/font_4630825_yei5jdnfq8e.woff?t=1722148530629') format('woff'),
  url('//at.alicdn.com/t/c/font_4630825_yei5jdnfq8e.ttf?t=1722148530629') format('truetype');
}

/** 娓呴櫎鍐呭杈硅窛 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */
dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */
pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */
form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */
th, td /* table elements 琛ㄦ牸鍏冪礌 */ {
  margin: 0;
  padding: 0;
}

/** 璁剧疆榛樿瀛椾綋 **/
body,button, input, select, textarea /* for ie */ {
  font: 14px/1.0 "Arial","PingFangSC-Regular","Microsoft YaHei","榛戜綋","瀹嬩綋","KaiTi",sans-serif;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: 400;}
address, cite, dfn, em, var, i { font-style: normal; } /* 灏嗘枩浣撴壎姝� */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */
small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇�, 璁� small 姝ｅ父鍖� */

/** 閲嶇疆鍒楄〃鍏冪礌 **/
ul, ol { list-style: none; }

/** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover { text-decoration: none; cursor: pointer; }

sup { vertical-align: text-top; font-size: 0.5em;} /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */
sub { vertical-align: text-bottom; }

/** 閲嶇疆琛ㄥ崟鍏冪礌 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗� */
button, input, select, textarea { font-size: 100%; outline: none; border: none; background: none;} /* 浣垮緱琛ㄥ崟鍏冪礌鍦� ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */
button, input[type="button"] { cursor: pointer;-webkit-appearance: none;}
input::-ms-clear{display:none;}/*闅愯棌鏂囨湰妗嗗弶瀛�*/
input::-ms-reveal{display:none;}/*闅愯棌瀵嗙爜妗嗗皬鐪肩潧*/
/* 娉細optgroup 鏃犳硶鎵舵 */

/** 閲嶇疆琛ㄦ牸鍏冪礌 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 閲嶇疆 HTML5 鍏冪礌 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
  display: block;
  margin: 0;
  padding: 0;
}
img{
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated; */
}

html{
  font-size: 100px;
}
body{
  color: #333;
  background-color: #fff;
  overflow-x: hidden;
}
body::-webkit-scrollbar{
  width: 4px;
  height: 1px;
}
body::-webkit-scrollbar-thumb{
  background: #063e81;
}
.clear-both::after{
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.w93{
  width: 93.75%;
  max-width: 18.0rem;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}
.ww{
  width: 14.0rem;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}
.w1700{
  width: 88vw;
  max-width: 17.0rem;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
}
.pd{
  padding: 0.7rem 0;
}
.is{
  display: block;
  height: 1px;
}
.md-i{
  display: block;
  height: 1px;
  transform: translateY(-0.7rem);
}
.more-a{
  display: flex;
  width: 1.88rem;
  height: 0.52rem;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 0.26rem;
  font-size: 0.18rem;
  transition: all 0.4s;
}
.more-a i{
  color: #063e81;
  transition: all 0.4s;
}
.more-a::after{
  content: "\e779";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 0.28rem;
  color: #063e81;
  margin-left: 0.1rem;
  transition: all 0.4s;
}
.swiper-div{
  overflow: hidden;
}
.swiper-pagination{
  width: 100%;
  padding: 7px 0;
  height: 8px;
  bottom: 0.2rem !important;
}
.swiper-pagination span{
  vertical-align: top;
  position: relative;
  width: 8px;
  height: 8px;
  opacity: 1;
  margin: 0 0.12rem !important;
  background-color: #ddd;
}
.swiper-pagination span:last-of-type{
  margin: 0;
}
.swiper-pagination span::after{
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.4);
  transition: all 0.4s;
}
.swiper-pagination .swiper-pagination-bullet-active{
  background-color: #fff;
}
.swiper-pagination .swiper-pagination-bullet-active::after{
  opacity: 1;
  transform: scale(1);
}

.swiper-button{
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: none;
  border: 2px solid #063e81;
  color: #063e81;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.48rem;
  margin-top: 0;
  transform: translateY(-50%);
  transition: all 0.4s;
}
.swiper-button-prev{
  left: 0.7rem;
}
.swiper-button-prev::after{
  content: "\e77c";
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.swiper-button-next{
  right: 0.7rem;
}
.swiper-button-next::after{
  content: "\e779";
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.swiper-button-group{
  display: flex;
}
.swiper-button-group .swiper-button{
  position: static;
  margin: 0 0.1rem;
  transform: translateY(0);
}


.title-h5{
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.4rem;
}
.title-h5::after{
  content: "";
  display: block;
  width: 0.4rem;
  height: 4px;
  margin: 0.26rem auto 0;
  background-color: #063e81;
}

.header-box{
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 1.0rem;
  top: 0;
  left: 0;
  /* background-color: rgba(0,0,0,0.3); */
  /* box-shadow: 0px 0.06rem 0.18rem 0px rgba(0, 0, 0, 0.16); */
  transition: all 0.4s;
}
.header-box .w1700{
  display: flex;
  align-items: center;
  height: 100%;
}
.header-box .lg-a{
  display: flex;
  width: 3.18rem;
  height: 100%;
  transition: all 0.4s;
}
.header-box .lg-a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header-box .cd-ul{
  flex: 1;
  min-width: 0;
  font-size: 0;
  text-align: right;
}
.header-box .cd-ul li{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
}
.header-box .cd-ul li .a{
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  height: 1.1rem;
  color: #fff;
  transition: all 0.4s;
}
.header-box .cd-ul li .a i{
  display: none;
  opacity: 0.8;
  transition: all 0.4s;
}
.header-box .cd-ul .show .a i{
  transform: rotate(-135deg);
}
.header-box .cd-ul li p{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  background-color: #fff;
  padding: 0.1rem 0;
  display: none;
  box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.2);
}
.header-box .cd-ul li p a{
  color: #666;
  font-size: 0.15rem;
  height: 0.36rem;
  line-height: 0.36rem;
  display: block;
  text-align: center;
  white-space: nowrap;
  padding: 0 0.24rem;
  transition: all 0.4s;
}
.header-box .ss-a{
  font-size: 0.24rem;
  color: #fff;
}
.header-box .ss-a::after{
  content: "\e845";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.header-box .yy-a{
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  color: #fff;
}
.header-box .yy-a::after{
  content: "\e858";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 0.24rem;
  margin-left: 0.1rem;
}
.header-box .fgx-i{
  flex-shrink: 0;
  width: 1px;
  height: 0.2rem;
  background-color: #fff;
  margin: 0 0.16rem;
}

.header-box .menu-dl{
  display: none;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.1rem;
  right: 0.1rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #063e81;
  z-index: 12;
  border-radius: 4px;
  transition: all 0.5s ease;
}
.header-box .menu-dl dt{
  width: 24px;
}
.header-box .menu-dl dt i{
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  margin: 6px 0;
  transition: all 0.5s ease;
}
.header-box .menu-active{

}
.header-box .menu-active dt i:nth-of-type(1){
  transform: rotate(45deg) translate(5.5px, 6px);
}
.header-box .menu-active dt i:nth-of-type(2){
  opacity: 0;
}
.header-box .menu-active dt i:nth-of-type(3){
  transform: rotate(-45deg) translate(5.5px, -6px);
}

.headerh-box{
  height: 0.8rem;
  background-color: rgba(6,62,129,0.9);
  box-shadow: 0 0 0.16rem rgba(0,0,0,0.2);
}
.headerh-box .cd-ul li .a{
  height: 0.8rem;
}

.footer-box{
  position: relative;
  z-index: 3;
  background-color: #1e2128;
}
.footer-box .box1{
  display: flex;
  align-items: center;
  padding: 0.36rem 0;
}
.footer-box .box1 .a{
  width: 2.8rem;
}
.footer-box .box1 .a img{
  width: 100%;
}
.footer-box .box1 .h6{
  flex: 1;
  min-width: 0;
  margin: 0 8%;
  display: flex;
  justify-content: space-between;
}
.footer-box .box1 .h6 a{
  font-size: 0.16rem;
  color: #fff;
}
.footer-box .box1 .div{
  display: flex;
  align-items: center;
}
.footer-box .box1 .div a{
  position: relative;
  flex-shrink: 0;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.5);
  margin-left: 0.12rem;
  transition: all 0.4s;
}
.footer-box .box1 .div a:first-of-type{
  margin-left: 0;
}
.footer-box .box1 .div a .img1{
  width: 100%;
  height: 100%;
}
.footer-box .box1 .div a p{
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.9rem;
  padding: 0.12rem;
  opacity: 0;
  background-color: #fff;
  pointer-events: none;
  box-shadow: 0 0 0.12rem rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
}
.footer-box .box1 .div a p::before{
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 50%;
  margin-left: -0.1rem;
  width: 0;
  height: 0;
  border-bottom: 0.1rem solid #fff;
  border-right: 0.1rem solid transparent;
  border-left: 0.1rem solid transparent;
}
.footer-box .box1 .div a p img{
  width: 100%;
}
.footer-box .box2{
  border-top: 1px solid #454c5d;
  padding: 0.2rem 0;
  text-align: center;
  font-size: 0.16rem;
  line-height: 1.6;
  color: #999;
}

.banner-box{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.6rem;
}
.banner-box .img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-box h5{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #fff;
  font-size: 0.5rem;
  text-align: center;
  font-weight: bold;
}
.banner-box h5 strong{
  display: block;
}

.content-box{
  padding-top: 5.6rem;
  transition: all 0.4s;
}
.content1-box{
  padding-top: 100vh;
}

.box{
  position: relative;
  z-index: 3;
  overflow: hidden;
  background-color: #fff;
}

.paging-box{
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
}
.paging-box a{
  flex-shrink: 0;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.16rem;
  font-size: 0.14rem;
  background-color: #fff;
  border-radius: 0.06rem;
  border: 1px solid #ccc;
  margin: 0 0.06rem;
  transition: all 0.4s;
}
.paging-box .active{
  background-color: #063e81;
  border-color: #063e81;
  color: #fff;
}

.type-box{
  display: flex;
  align-items: center;
  padding-top: 0.4rem;
  padding-bottom: 0.12rem;
}
.type-box dt{
  font-size: 0.18rem;
  font-weight: bold;
}
.type-box dd{
  border-left: 1px solid #d8d8d8;
  margin-left: 0.3rem;
  display: flex;
}
.type-box dd a{
  padding: 0 0.4rem;
  font-size: 0.16rem;
  border-right: 1px solid #d8d8d8;
  position: relative;
  transition: all 0.4s;
}
.type-box dd a::after{
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -0.12rem;
  width: 0;
  height: 2px;
  background-color: #063e81;
  opacity: 0;
  transition: all 0.4s;
}
.type-box dd a.active{
  color: #063e81;
}
.type-box dd a.active::after{
  opacity: 1;
  width: 0.72rem;
}


.lxwm-box{
  background-color: #f2f2f7;
}
.lxwm-box .box1{

}
.lxwm-box .box1 .dl{
  display: flex;
  align-items: center;
  background-color: #fff;
}
.lxwm-box .box1 .dl dt{
  flex: 1;
  min-width: 0;
  padding: 0 0.46rem;
}
.lxwm-box .box1 .dl h6{
  font-size: 0.28rem;
  margin-bottom: 0.5rem;
}
.lxwm-box .box1 .dl ul{

}
.lxwm-box .box1 .dl li{
  padding-bottom: 0.36rem;
  margin-top: 0.36rem;
  border-bottom: 1px solid #eee;
}
.lxwm-box .box1 .dl li:last-of-type{
  padding-bottom: 0;
  border-bottom: 0;
}
.lxwm-box .box1 .dl li strong{
  display: flex;
  align-items: center;
  font-size: 0.2rem;
  margin-bottom: 0.24rem;
  font-weight: normal;
}
.lxwm-box .box1 .dl li strong::before{
  content: "\e83f";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: #063e81;
  font-size: 0.24rem;
  margin-right: 0.1rem;
}
.lxwm-box .box1 .dl li:nth-of-type(2) strong::before{
  content: "\e828";
}
.lxwm-box .box1 .dl li p{
  font-size: 0.18rem;
  line-height: 1.8;
  color: #666;
  display: flex;
  align-items: flex-start;
  margin-top: 0.1rem;
}
.lxwm-box .box1 .dl li p em{
  flex: 1;
  min-width: 0;
  margin-left: 0.1rem;
}
.lxwm-box .box1 .dl dd{
  flex-shrink: 0;
  width: 60%;
  height: 5.4rem;
}
.lxwm-box .box1 .dl dd img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lxwm-box .box2{
  margin-top: 0.7rem;
}
.lxwm-box .box2 .form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lxwm-box .box2 .form label{
  flex-shrink: 0;
  width: 48.5%;
  margin-bottom: 0.2rem;
  background-color: #fff;
  display: flex;
}
.lxwm-box .box2 .form .labels{
  width: 100%;
  margin-bottom: 0;
}
.lxwm-box .box2 .form i{
  flex-shrink: 0;
  margin-top: 0.15rem;
  width: 0.6rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.26rem;
  text-align: center;
  opacity: 0.6;
  border-right: 1px solid #ddd;
}
.lxwm-box .box2 .form i::after{
  content: "";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.lxwm-box .box2 .form .i1::after{
  content: "\e829";
}
.lxwm-box .box2 .form .i2::after{
  content: "\e860";
}
.lxwm-box .box2 .form .i3::after{
  content: "\e857";
}
.lxwm-box .box2 .form .i4::after{
  content: "\e841";
}
.lxwm-box .box2 .form .i5::after{
  content: "\e83b";
}
.lxwm-box .box2 .form input,
.lxwm-box .box2 .form textarea{
  flex: 1;
  min-width: 0;
  height: 0.6rem;
  box-sizing: border-box;
  padding: 0 0.16rem;
  font-size: 0.16rem;
}
.lxwm-box .box2 .form textarea{
  height: 2.0rem;
  resize: none;
  line-height: 1.6;
  padding: 0.17rem 0.16rem;
}
.lxwm-box .box2 .form .btn{
  display: block;
  margin: 0.5rem auto 0;
  width: 3.0rem;
  height: 0.6rem;
  background-color: #063e81;
  color: #fff;
  font-size: 0.18rem;
}


.gywm-box{
  background-color: #f2f2f7;
}
.gywm-box .box1{

}
.gywm-box .box1 .ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gywm-box .box1 .ul li{
  position: relative;
  flex-shrink: 0;
  width: 32%;
  background-color: #fff;
  margin-top: 0.24rem;
  cursor: pointer;
  overflow: hidden;
}
.gywm-box .box1 .ul li:nth-of-type(1),
.gywm-box .box1 .ul li:nth-of-type(2){
  width: 49%;
  margin-top: 0;
}
.gywm-box .box1 .ul li em{
  display: block;
  height: 4.5rem;
  overflow: hidden;
}
.gywm-box .box1 .ul li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.gywm-box .box1 .ul li span{
  display: block;
  font-size: 0.28rem;
  padding: 0.34rem 0.2rem;
  text-align: center;
}
.gywm-box .box1 .ul li dl{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0.3rem;
  left: 0;
  background-color: rgba(6,62,129,0.95);
  box-sizing: border-box;
  padding: 0.7rem 0.5rem 0;
  color: #fff;
  opacity: 0;
  transition: all 0.4s;
}
.gywm-box .box1 .ul li dt{
  font-size: 0.28rem;
  text-align: center;
  margin-bottom: 0.3rem;
}
.gywm-box .box1 .ul li dd{
  font-size: 0.18rem;
  line-height: 1.8;
  text-align: justify;
}

.gywm-box .box2{
  padding-top: 0.7rem;
  margin: 0.7rem auto;
  background-color: #fff;
}
.gywm-box .box2 .div{
  padding: 0 0.7rem;
  font-size: 0.18rem;
  text-align: center;
  line-height: 1.8;
  color: #666;
}
.gywm-box .box2 img{
  width: 100%;
  margin-top: 0.5rem;
}

.gywm-box .box3{

}
.gywm-box .box3 .div{
  position: relative;
}
.gywm-box .box3 .div img{
  width: 100%;
  height: auto;
}
.gywm-box .box3 .div dl{
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  background-color: #fff;
  width: 55%;
  box-sizing: border-box;
  padding: 0.46rem 0.5rem;
}
.gywm-box .box3 .div dd{
  font-size: 0.18rem;
  line-height: 1.8;
  margin-top: 0.06rem;
}
.gywm-box .box3 .div dd:first-of-type{
  margin-top: 0;
}


.zszx-box{

}
.zszx-box .ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zszx-box .ul li{
  flex-shrink: 0;
  width: 32.4%;
  margin-bottom: 0.2rem;
  background-color: #f2f2f7;
  text-align: center;
  padding: 0.56rem 0.3rem 0.24rem;
  box-sizing: border-box;
}
.zszx-box .ul li img{
  width: 0.56rem;
}
.zszx-box .ul li strong{
  display: block;
  font-size: 0.26rem;
  font-weight: normal;
  margin: 0.24rem 0;
}
.zszx-box .ul li p{
  font-size: 0.2rem;
  line-height: 1.6;
  color: #666;
}
.zszx-box .img{
  width: 100%;
  height: auto;
}


.zsys-box{

}
.zsys-box .box1{

}
.zsys-box .box1 .ul{

}
.zsys-box .box1 .li{
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.zsys-box .box1 .li:first-of-type{
  margin-top: 0;
}
.zsys-box .box1 .li:nth-of-type(2n){
  flex-direction: row-reverse;
}
.zsys-box .box1 .div{
  flex-shrink: 0;
  width: 52%;
  box-sizing: border-box;
  padding-left: 1.2rem;
  padding-top: 0.4rem;
}
.zsys-box .box1 .div h6{
  position: relative;
  height: 2.2rem;
  display: flex;
  align-items: center;
}
.zsys-box .box1 .div h6 i{
  position: absolute;
  top: 0;
  left: -1.2rem;
  font-size: 2.2rem;
  color: rgba(0,0,0,0.1);
  font-style: italic;
  font-weight: bold;
}
.zsys-box .box1 .div h6 strong{
  font-size: 0.32rem;
  position: relative;
  z-index: 3;
}
.zsys-box .box1 .div p{
  font-size: 0.18rem;
  line-height: 1.8;
  color: #666;
  text-align: justify;
}
.zsys-box .box1 .div ul{
  position: relative;
}
.zsys-box .box1 .div ul::after{
  content: "";
  position: absolute;
  left: 4px;
  top: 0.1rem;
  width: 1px;
  height: calc(100% - 0.2rem);
  background-color: #ccc;
}
.zsys-box .box1 .div ul li{
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.26rem;
}
.zsys-box .box1 .div ul li:last-of-type{
  margin-bottom: 0;
}
.zsys-box .box1 .div ul li::before{
  content: "";
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #063e81;
  margin-right: 0.16rem;
  margin-top: 0.07rem;
}
.zsys-box .box1 .div ul span{
  flex-shrink: 0;
  width: 1.4rem;
  font-size: 0.16rem;
  line-height: 1.6;
}
.zsys-box .box1 .div ul p{
  flex: 1;
  min-width: 0;
  font-size: 0.16rem;
  line-height: 1.6;
}
.zsys-box .box1 .div ol{
  margin-top: 0.7rem;
  display: flex;
  justify-content: space-between;
}
.zsys-box .box1 .div ol li{
  margin-right: 0.4rem;
}
.zsys-box .box1 .div ol li:last-of-type{
  margin-right: 0;
}
.zsys-box .box1 .div ol span{
  display: block;
  font-size: 0.5rem;
  color: #063e81;
}
.zsys-box .box1 .div ol small{
  display: block;
  font-size: 0.16rem;
  color: #666;
  line-height: 1.6;
}
.zsys-box .box1 .em{
  flex-shrink: 0;
  width: 43%;
}
.zsys-box .box1 .em img{
  width: 100%;
  height: auto;
}


.swiper-box{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.swiper-box .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-box .swiper-slide div{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
}
.swiper-box .swiper-slide h6{
  font-size: 0.5rem;
  width: 6.0rem;
  line-height: 1.4;
  opacity: 0;
  transform: translateY(1rem);
  transition: all 0.8s 0.2s;
}
.swiper-box .swiper-slide p{
  font-size: 0.18rem;
  line-height: 2.0;
  width: 8.0rem;
  margin: 0.36rem 0 0.42rem;
  opacity: 0;
  transform: translateY(1rem);
  transition: all 0.8s 0.3s;
}
.swiper-box .swiper-slide span{
  display: block;
  opacity: 0;
  transform: translateY(1rem);
  transition: all 0.8s 0.4s;
}
.swiper-box .active-slide h6,
.swiper-box .active-slide p,
.swiper-box .active-slide span{
  opacity: 1;
  transform: translateY(0);
}


.index-box{

}
.index-box .box1{

}
.index-box .box1 .title-div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.56rem;
}
.index-box .box1 .title-div h5{
  font-size: 0.4rem;
  font-weight: bold;
}
.index-box .box1 .title-div a{
  display: flex;
  align-items: center;
  vertical-align: top;
  font-size: 0.16rem;
  padding-bottom: 2px;
  border-bottom: 1px solid #666;
  transition: all 0.4s;
}
.index-box .box1 .title-div a i{
  color: #666;
  transition: all 0.4s;
}
.index-box .box1 .title-div a::after{
  content: "\e779";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 0.28rem;
  color: #666;
  margin-left: 0.1rem;
  transition: all 0.4s;
}
.index-box .box1 .swiper-container{
  width: calc(100% + 6vw);
  height: 7.2rem;
}
.index-box .box1 .swiper-slide{
  width: 5.9rem;
  height: 4.7rem;
  transition: all 0.4s;
}
.index-box .box1 .swiper-slide-active{
  width: 9.2rem !important;
  height: 100%;
}
.index-box .box1 .swiper-slide a{
  display: block;
  width: 100%;
  height: 100%;
}
.index-box .box1 .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.2rem;
}
.index-box .box1 .swiper-slide div{
  position: absolute;
  width: 90%;
  left: 5%;
  top: 108%;
  transition: all 0.4s;
}
.index-box .box1 .swiper-slide h6{
  font-size: 0.3rem;
  transition: all 0.4s;
}
.index-box .box1 .swiper-slide p{
  font-size: 0.18rem;
  line-height: 1.8;
  margin: 0.24rem 0 0.46rem;
  color: #fff;
  opacity: 0;
  transition: all 0.4s;
}
.index-box .box1 .swiper-slide i{
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.48rem;
  opacity: 0;
  transition: all 0.4s;
}
.index-box .box1 .swiper-slide i::after{
  content: "\e779";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.index-box .box1 .swiper-slide-active div{
  top: 10%;
}
.index-box .box1 .swiper-slide-active h6{
  color: #fff;
  font-size: 0.36rem;
}
.index-box .box1 .swiper-slide-active p{
  opacity: 1;
}
.index-box .box1 .swiper-slide-active i{
  opacity: 1;
}
.index-box .box1 .swiper-button-group{
  position: absolute;
  bottom: 0;
  left: 9.3rem;
}

.index-box .box2{
  padding: 1.6rem 0;
  background-image: url(../img/tp13.jpg);
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}
.index-box .box2 div{

}
.index-box .box2 h6{
  font-size: 0.28rem;
  margin-bottom: 0.36rem;
}
.index-box .box2 h5{
  font-size: 0.5rem;
  width: 6.0rem;
  line-height: 1.4;
}
.index-box .box2 p{
  font-size: 0.18rem;
  line-height: 2.0;
  width: 8.0rem;
  margin: 0.36rem 0 0.42rem;
}
.index-box .box2 span{
  display: block;
}

.index-box .box3{
  display: flex;
  justify-content: space-between;
}
.index-box .box3 dd{
  position: relative;
  flex-shrink: 0;
  width: calc(50% - 0.1rem);
  padding-bottom: 38%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.index-box .box3 dd img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.index-box .box3 dd a{
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.9rem 0.62rem;
  color: #fff;
}
.index-box .box3 dd a h6{
  font-size: 0.4rem;
  font-weight: bold;
}
.index-box .box3 dd a p{
  font-size: 0.18rem;
  line-height: 2;
  margin: 0.32rem 0 0.56rem;
}
.index-box .box3 dd a em{
  display: block;
}
.index-box .box3 dd a .more-a{
  height: 0.46rem;
}


.mtzx-box{

}
.mtzx-box .box1{

}
.mtzx-box .box1 .ul{

}
.mtzx-box .box1 .ul li{
  border-bottom: 1px solid #d6d6d6;
}
.mtzx-box .box1 .ul a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.38rem 0;
  transition: all 0.4s;
}
.mtzx-box .box1 .ul .em{
  flex-shrink: 0;
  width: 2.7rem;
  height: 1.72rem;
  position: relative;
  overflow: hidden;
}
.mtzx-box .box1 .ul .em img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.mtzx-box .box1 .ul .div{
  flex: 1;
  min-width: 0;
  margin: 0 0.8rem;
}
.mtzx-box .box1 .ul .div h6{
  font-size: 0.24rem;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0.26rem;
  transition: all 0.4s;
}
.mtzx-box .box1 .ul .div p{
  overflow: hidden;
  font-size: 0.16rem;
  color: #888;
  line-height: 1.8;
}
.mtzx-box .box1 .ul .span{
  flex-shrink: 0;
  width: 1.2rem;
  text-align: right;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #888;
}
.mtzx-box .box1 .ul .span::after{
  content: "\e779";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  display: block;
  margin-top: 0.3rem;
  font-size: 0.36rem;
  line-height: 1;
  transition: all 0.4s;
}


.mtxq-box{

}
.mtxq-box .div1{

}
.mtxq-box .div1 h5{
  font-size: 0.3rem;
  line-height: 1.4;
  text-align: center;
}
.mtxq-box .div1 h6{
  margin-top: 0.24rem;
  padding-top: 0.24rem;
  height: 0.16rem;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mtxq-box .div1 span{
  font-size: 0.14rem;
  color: #999;
}
.mtxq-box .div1 i{
  flex-shrink: 0;
  width: 1px;
  height: 100%;
  background-color: #e6e6e6;
  margin: 0 0.2rem;
}
.mtxq-box .div2{
  padding: 0.36rem 0;
  border-bottom: 1px dashed #e6e6e6;
}
.mtxq-box .div2 p{
  font-size: 0.16rem;
  line-height: 1.8;
  color: #666;
}
.mtxq-box .div2 img,
.mtxq-box .div2 video{
  width: auto !important;
  height: auto !important;
  max-width: 100%;
}


.lthd-box{

}
.lthd-box .box1{

}
.lthd-box .box1 .ul{

}
.lthd-box .box1 .ul li{
  border-bottom: 1px solid #d6d6d6;
}
.lthd-box .box1 .ul a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.38rem 0;
  transition: all 0.4s;
}
.lthd-box .box1 .ul .em{
  flex-shrink: 0;
  width: 3.12rem;
  height: 1.88rem;
  position: relative;
  overflow: hidden;
}
.lthd-box .box1 .ul .em img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.lthd-box .box1 .ul .div{
  flex: 1;
  min-width: 0;
  margin: 0 0.8rem;
}
.lthd-box .box1 .ul .div h6{
  font-size: 0.24rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0.2rem;
  transition: all 0.4s;
}
.lthd-box .box1 .ul .div p{
  overflow: hidden;
  font-size: 0.16rem;
  color: #888;
  line-height: 1.8;
}
.lthd-box .box1 .ul .div span{
  display: block;
  font-size: 0.14rem;
  color: #999;
  margin-top: 0.3rem;
}
.lthd-box .box1 .ul .span{
  flex-shrink: 0;
  width: 0.94rem;
  font-size: 0.2rem;
  color: #666;
}
.lthd-box .box1 .ul .span i{
  display: block;
  font-size: 0.36rem;
  color: #333;
  margin: 0.14rem 0 0.3rem 0;
}
.lthd-box .box1 .ul .span::after{
  content: "";
  display: block;
  width: 0.36rem;
  height: 2px;
  background-color: #333;
}


.gzzx-box{

}
.gzzx-box .box1{
  position: relative;
}
.gzzx-box .box1 .div{
  position: relative;
  display: flex;
  height: 33.3vw;
  max-height: 6.4rem;
}
.gzzx-box .box1 .div img{
  flex-shrink: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
}
.gzzx-box .box1 .div::before{
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d7103c;
  opacity: 0.9;
}
.gzzx-box .box1 .div::after{
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #063e81;
  opacity: 0.9;
}
.gzzx-box .box1 .ww{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  justify-content: space-between;
}
.gzzx-box .box1 .ww dd{
  flex-shrink: 0;
  width: 44%;
  color: #fff;
}
.gzzx-box .box1 .ww h5{
  text-align: left;
}
.gzzx-box .box1 .ww h5::after{
  margin: 0.26rem 0 0;
  background-color: #fff;
}
.gzzx-box .box1 .ww img{
  width: 1.9rem;
}
.gzzx-box .box1 .ww p{
  font-size: 0.18rem;
  line-height: 1.8;
  margin-bottom: 0.6rem;
}
.gzzx-box .box1 .ww a{
  display: block;
  width: 1.6rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #d7103c;
  font-size: 0.16rem;
  color: #fff;
  text-shadow: none;
  transition: all 0.4s;
  box-shadow: 0.05rem 0.05rem 0.02rem rgba(18, 30, 82, 0.2);
}

.gzzx-box .box2{

}
.gzzx-box .box2 .dl{
  display: flex;
  justify-content: space-between;
}
.gzzx-box .box2 .dl dd{
  flex-shrink: 0;
  width: 48%;
  cursor: pointer;
}
.gzzx-box .box2 .dl dd em{
  display: block;
  height: 4.4rem;
  overflow: hidden;
}
.gzzx-box .box2 .dl dd em img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.gzzx-box .box2 .dl dd h6{
  font-size: 0.22rem;
  padding: 0.34rem 0.24rem;
  transition: all 0.4s;
}
.gzzx-box .box2 .h6{
  font-size: 0.2rem;
  margin: 0.46rem 0 0.32rem;
}
.gzzx-box .box2 .ul{
  display: flex;
}
.gzzx-box .box2 .ul li{
  position: relative;
  flex: 1;
  min-width: 0;
  margin-right: 4px;
  cursor: pointer;
}
.gzzx-box .box2 .ul li:last-of-type{
  margin-right: 0;
}
.gzzx-box .box2 .ul li em{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.56rem;
  background-color: #f6f6f6;
  overflow: hidden;
  transition: all 0.4s;
}
.gzzx-box .box2 .ul li em i{
  width: 0.68rem;
  height: 0.68rem;
  overflow: hidden;
}
.gzzx-box .box2 .ul li em img{
  width: 100%;
  transition: all 0.4s;
}
.gzzx-box .box2 .ul li dl{
  padding: 0.2rem 0.16rem;
}
.gzzx-box .box2 .ul li dl dt{
  font-size: 0.2rem;
  color: #666;
  margin-bottom: 0.16rem;
  transition: all 0.4s;
}
.gzzx-box .box2 .ul li dl dd{
  font-size: 0.14rem;
  color: #888;
  line-height: 1.6;
}
.gzzx-box .box2 .ul li::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #063e81;
  transition: all 0.4s;
}

.gzzx-box .box3{
  background-color: #f6f6f6;
  text-align: center;
  margin-top: 0.7rem;
}
.gzzx-box .box3 p{
  font-size: 0.18rem;
  color: #666;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 0.3rem;
}
.gzzx-box .box3 img{
  width: 2.6rem;
}


.sszx-box{

}
.sszx-box .box1{

}
.sszx-box .box1 form{
  display: flex;
  padding-bottom: 0.4rem;
  margin-bottom: 0.4rem;
  border-bottom: 1px solid #dedede;
}
.sszx-box .box1 form input{
  flex: 1;
  height: 0.6rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
  font-size: 0.16rem;
  background-color: #f7f7f7;
}
.sszx-box .box1 form button{
  flex-shrink: 0;
  width: 1.4rem;
  height: 0.6rem;
  font-size: 0.28rem;
  color: #fff;
  background-color: #063e81;
}
.sszx-box .box1 form button::after{
  content: "\e845";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.sszx-box .box1 .h5{
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.sszx-box .box1 .ul{

}
.sszx-box .box1 .ul li{

}
.sszx-box .box1 .ul li a{
  display: block;
  border-bottom: 1px solid #dedede;
  line-height: 1.4;
  padding: 0.2rem 0;
  font-size: 0.16rem;
  transition: all 0.4s;
}



.home-box{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-image: url(../img/banner.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
}
.home-box dd{
  position: relative;
  flex: 1;
  height: 100%;
  overflow: hidden;
  transition: all 0.4s;
}
.home-box dd::before,
.home-box dd::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.4s;
}
.home-box dd::before{
  opacity: 0.8;
}
.home-box dd::after{
  z-index: 3;
  opacity: 0;
}
.home-box dd:nth-of-type(1)::before{
  background-color: rgb(223, 36, 45);
}
.home-box dd:nth-of-type(2)::before{
  background-color: rgb(235, 94, 7);
}
.home-box dd:nth-of-type(3)::before{
  background-color: rgb(21, 43, 105);
}
.home-box dd:nth-of-type(1)::after{
  background-image: linear-gradient(35deg, rgb(245,105,112) 0%, rgb(226,34,43) 100%);
}
.home-box dd:nth-of-type(2)::after{
  background-image: linear-gradient(35deg, rgb(248,160,106) 0%, rgb(235,94,7) 100%);
}
.home-box dd:nth-of-type(3)::after{
  background-image: linear-gradient(35deg, rgb(57,84,162) 0%, rgb(21,43,105) 100%);
}
.home-box dd:nth-of-type(2){

}
.home-box dd:nth-of-type(3){

}
.home-box dd div{
  position: relative;
  z-index: 6;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-box dd div .img{
  width: 3.85rem;
}
.home-box dd div h6{
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  width: 5.7rem;
  height: 0;
  opacity: 0;
  text-align: center;
  margin-top: 0.5rem;
}
.home-box dd div h6 .a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #fff;
  padding: 0.3rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
.home-box dd div h6 .a img{
  flex-shrink: 0;
  height: 0.55rem;
  margin-right: 0.16rem;
  transition: all 0.4s;
}
.home-box dd div h6 .a1::after{
  content: "\e779";
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 0.4rem;
  margin-left: 0.16rem;
  transition: all 0.4s;
}
.home-box dd div p{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
}
.home-box dd div p span{
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.2rem;
}
.home-box dd div p span i{
  margin: 0 0.3rem;
}
.home-box dd div p span::before,
.home-box dd div p span::after{
  content: "";
  flex: 1;
  min-width: 0;
  height: 1px;
  background-color: #fff;
  opacity: 0.5;
}
.home-box dd div p em{
  padding: 0.4rem 0;
  display: flex;
  justify-content: space-around;
}
.home-box dd div p em img{
  flex-shrink: 0;
  height: 0.55rem;
}



@media (min-width: 1200px) {
  .home-box dd div h6 .a:hover img{
    margin-right: 0.26rem;
  }
  .home-box dd div h6 .a:hover::after{
    margin-left: 0.26rem;
  }
  .home-box dd:hover div h6{
    opacity: 1;
    height: 1.0rem;
    transition: all 0.4s 0.4s;
  }
  .home-box dd:hover div p{
    opacity: 0;
  }
  .home-box dd:hover::before{
    opacity: 0;
  }
  .home-box dd:hover::after{
    opacity: 1;
  }
  .home-box dd:hover{
    flex: 1.6;
  }
  .gzzx-box .box2 .ul li:hover em img{
    transform: translateY(-50%);
  }
  .gzzx-box .box2 .ul li:hover em{
    background-color: #063e81;
  }
  .gzzx-box .box2 .ul li:hover::after{
    width: 100%;
  }
  .gzzx-box .box2 .ul li:hover dl dt{
    color: #063e81;
  }
  .gzzx-box .box2 .dl dd:hover em img{
    transform: scale(1.1);
  }
  .gzzx-box .box2 .dl dd:hover h6{
    background-color: #063e81;
    color: #fff;
  }
  .lthd-box .box1 .ul li:hover .em img{
    transform: scale(1.1);
  }
  .lthd-box .box1 .ul li:hover .div h6{
    color: #063e81;
  }
  .lthd-box .box1 .ul li:hover a{
    padding: 0.38rem;
    background-color: #f5f5f5;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  }
  .mtzx-box .box1 .ul li:hover .em img{
    transform: scale(1.1);
  }
  .mtzx-box .box1 .ul li:hover .span::after{
    color: #063e81;
  }
  .mtzx-box .box1 .ul li:hover .div h6{
    color: #063e81;
  }
  .mtzx-box .box1 .ul li:hover a{
    padding: 0.38rem;
    background-color: #f5f5f5;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  }
  .index-box .box3 dd:hover a .more-a{
    background-color: #063e81;
  }
  .index-box .box3 dd:hover a .more-a i{
    color: #fff;
  }
  .index-box .box3 dd:hover a .more-a::after{
    color: #fff;
    margin-left: 0.2rem;
  }
  .index-box .box3 dd:hover img{
    transform: scale(1.1);
  }
  .index-box .box1 .title-div a:hover{
    border-color: #063e81;
  }
  .index-box .box1 .title-div a:hover i{
    color: #063e81;
  }
  .index-box .box1 .title-div a:hover::after{
    color: #063e81;
    margin-left: 0.2rem;
  }
  .more-a:hover{
    background-color: #063e81;
  }
  .more-a:hover i{
    color: #fff;
  }
  .more-a:hover::after{
    color: #fff;
    margin-left: 0.2rem;
  }
  .gywm-box .box1 .ul li:hover dl{
    top: 0;
    opacity: 1;
  }
  .gywm-box .box1 .ul li:hover img{
    transform: scale(1.1);
  }
  .type-box dd a:hover{
    color: #063e81;
  }
  .type-box dd a:hover::after{
    opacity: 1;
    width: 0.72rem;
  }
  .paging-box a:hover{
    background-color: #063e81;
    border-color: #063e81;
    color: #fff;
  }
  .swiper-button:hover{
    background-color: #063e81;
    color: #fff;
  }
}

@media (max-width: 1500px) {
  html{
    font-size: 90px;
  }
}

/* 灏忓睆鐢佃剳绔� */
@media (max-width: 1280px) {
  html{
    font-size: 85px;
  }
  .ww{
    width: 92%;
  }
}

/* 绔栧睆骞虫澘绔� */
@media (max-width: 992px) {
  html{
    font-size: 80px;
  }
  body{
    padding-top: 0.7rem;
  }
  .pd{
    padding: 0.6rem 0;
  }
  .ww{
    width: calc(100% - 0.48rem);
  }
  .header-box{
    height: 0.7rem;
    background-color: #063e81;
  }
  .header-box .menu-dl{
    display: flex;
  }
  .header-box .lg-a{
    position: relative;
    width: 1.06rem;
    overflow: hidden;
    margin-right: 1.8rem;
  }
  .header-box .lg-a img{
    position: absolute;
    width: auto;
    height: 56%;
    top: 22%;
    left: 0;
  }
  .header-box .cd-ul{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0.1rem 4%;
    box-shadow: 0 0.06rem 0.1rem rgba(0,0,0,0.2);
    display: none;
  }
  .header-box .cd-ul li{
    display: block;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-right: 0;
  }
  .header-box .cd-ul li:last-of-type{
    border-bottom: none;
  }
  .header-box .cd-ul li .a{
    font-size: 0.18rem;
    justify-content: space-between;
    line-height: 0.56rem;
    height: 0.56rem;
    color: #333;
  }
  .header-box .cd-ul li .a i{
    display: block;
  }
  .header-box .cd-ul li p{
    position: static;
    box-shadow: none;
    box-sizing: border-box;
    text-align: left;
    background-color: #f7f7f7;
    padding: 0.08rem 0.2rem;
  }
  .header-box .cd-ul li p a{
    font-size: 0.16rem;
    text-align: left;
    color: #999;
    height: 0.4rem;
    line-height: 0.4rem;
  }
  .header-box .yy-a{
    font-size: 0;
  }
  .banner-box{
    top: 0.7rem;
    height: 50vw;
  }
  .content-box{
    padding-top: 50vw;
  }
  .banner-box h5{
    font-size: 0.42rem;
  }
  .pd{
    padding: 0.5rem 0;
  }
  .title-h5{
    font-size: 0.32rem;
    margin-bottom: 0.4rem;
  }
  .title-h5::after{
    margin: 0.18rem auto 0;
  }
  .footer-box .box1{
    display: block;
    padding: 0.36rem 0 0.24rem;
  }
  .footer-box .box1 .a{
    display: block;
    width: 70%;
  }
  .footer-box .box1 .h6{
    display: none;
  }
  .footer-box .box1 .div{
    margin-top: 0.24rem;
  }
  .type-box{
    display: none;
    padding-top: 0.24rem;
  }
  .paging-box{
    margin-top: 0.4rem;
  }
  .content1-box{
    padding-top: 58vw;
  }
  .swiper-box{
    top: 0.7rem;
    height: 58vw;
  }
  .swiper-box .swiper-slide h6{
    width: 100%;
    font-size: 0.32rem;
    margin-bottom: 0.24rem;
  }
  .swiper-box .swiper-slide p{
    display: none;
  }

  .lxwm-box .box1 .dl{
    flex-direction: column-reverse;
  }
  .lxwm-box .box1 .dl dd{
    width: 100%;
    height: 55vw;
  }
  .lxwm-box .box1 .dl dt{
    padding: 0.3rem 0.24rem;
  }
  .lxwm-box .box1 .dl h6{
    margin-bottom: 0.3rem;
  }
  .lxwm-box .box1 .dl li{
    padding-bottom: 0.24rem;
    margin-top: 0.24rem;
  }
  .lxwm-box .box2{
    margin-top: 0.5rem;
  }
  .lxwm-box .box2 .form .btn{
    width: 100%;
    margin: 0.3rem 0 0;
  }

  .lthd-box .box1 .ul li{
    margin-bottom: 0.3rem;
  }
  .lthd-box .box1 .ul a{
    padding: 0 0 0.3rem 0;
    flex-direction: column-reverse;
  }
  .lthd-box .box1 .ul .em{
    width: 100%;
    height: 50vw;
  }
  .lthd-box .box1 .ul .div{
    margin: 0.3rem 0 0;
  }
  .lthd-box .box1 .ul .span{
    display: none;
  }
  .lthd-box .box1 .ul .div span{
    margin-top: 0.2rem;
  }

  .mtzx-box .box1 .ul li{
    margin-bottom: 0.3rem;
  }
  .mtzx-box .box1 .ul a{
    padding: 0 0 0.3rem 0;
    flex-direction: column;
  }
  .mtzx-box .box1 .ul .em{
    width: 100%;
    height: 50vw;
  }
  .mtzx-box .box1 .ul .div{
    margin: 0.3rem 0 0;
  }
  .mtzx-box .box1 .ul .div h6{
    margin-bottom: 0.2rem;
  }
  .mtzx-box .box1 .ul .span{
    display: none;
  }

  .gzzx-box .box1 .div{
    display: none;
  }
  .gzzx-box .box1 .ww{
    position: static;
    transform: translate(0);
    display: block;
  }
  .gzzx-box .box1 .ww dd{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 55vw;
    background-image: url(../img/tp11.jpg);
    background-size: cover;
  }
  .gzzx-box .box1 .ww dd::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d7103c;
    opacity: 0.9;
  }
  .gzzx-box .box1 .ww dd:nth-of-type(2){
    background-image: url(../img/tp12.jpg);
  }
  .gzzx-box .box1 .ww dd:nth-of-type(2)::after{
    background-color: #063e81;
  }
  .gzzx-box .box1 .ww h5{
    position: relative;
    z-index: 3;
    margin-bottom: 0.3rem;
  }
  .gzzx-box .box1 .ww h5::after{
    margin: 0.18rem auto 0;
  }
  .gzzx-box .box1 .ww img{
    position: relative;
    z-index: 3;
    width: 1.4rem;
  }
  .gzzx-box .box1 .ww p{
    position: relative;
    z-index: 3;
    margin-bottom: 0.4rem;
  }
  .gzzx-box .box1 .ww a{
    position: relative;
    z-index: 3;
  }
  .gzzx-box .box2 .dl{
    display: block;
  }
  .gzzx-box .box2 .dl dd{
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .gzzx-box .box2 .dl dd em{
    height: 50vw;
  }
  .gzzx-box .box2 .dl dd h6{
    text-align: center;
    padding: 0.24rem 0 0;
  }
  .gzzx-box .box2 .h6{
    margin: 0.4rem 0 0.24rem;
  }
  .gzzx-box .box2 .ul{
    flex-wrap: wrap;
  }
  .gzzx-box .box2 .ul li{
    flex: none;
    flex-shrink: 0;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0.2rem;
  }
  .gzzx-box .box2 .ul li:nth-of-type(2n){
    margin-right: 0;
  }
  .gzzx-box .box2 .ul li:nth-of-type(5){
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .gzzx-box .box2 .ul li em{
    height: 1.3rem;
  }
  .gzzx-box .box2 .ul li dl{
    padding: 0.2rem 0.16rem 0;
  }
  .gzzx-box .box3{
    margin-top: 0.5rem;
  }
  .gzzx-box .box3 img{
    width: 2.2rem;
  }


  .zszx-box .ul li{
    width: 48%;
    padding: 0.3rem 0.24rem 0.24rem;
  }
  .zszx-box .ul li p{
    font-size: 0.18rem;
  }

  .gywm-box .box1 .ul{
    margin-top: -0.24rem;
  }
  .gywm-box .box1 .ul li{
    width: 100% !important;
    margin-top: 0.24rem !important;
  }
  .gywm-box .box1 .ul li em{
    height: 50vw;
  }
  .gywm-box .box1 .ul li span{
    display: none;
  }
  .gywm-box .box1 .ul li dl{
    opacity: 1;
    position: static;
    height: auto;
    padding: 0.3rem 0.24rem;
  }
  .gywm-box .box1 .ul li dt{
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
  }
  .gywm-box .box2{
    padding-top: 0.5rem;
  }
  .gywm-box .box2 .div{
    padding: 0 0.24rem;
  }
  .gywm-box .box2 img{
    margin-top: 0.3rem;
  }
  .gywm-box .box3 .div dl{
    position: static;
    width: 100%;
    padding: 0.3rem 0.24rem;
  }

  .index-box .box1 .title-div{
    margin-bottom: 0.4rem;
  }
  .index-box .box1 .title-div h5{
    font-size: 0.32rem;
  }
  .index-box .box1 .swiper-container{
    width: 100%;
    height: 60vw;
  }
  .index-box .box1 .swiper-slide{
    height: 100%;
  }
  .index-box .box1 .swiper-slide-active{
    width: 100% !important;
  }
  .index-box .box1 .swiper-slide h6{
    font-size: 0.26rem !important;
  }
  .index-box .box1 .swiper-slide p{
    margin: 0.24rem 0;
  }
  .index-box .box2{
    padding: 0.5rem 0;
  }
  .index-box .box2 h5{
    width: 100%;
    font-size: 0.32rem;
  }
  .index-box .box2 p{
    width: 100%;
    margin: 0.3rem 0 0.36rem;
  }
  .index-box .box3{
    display: block;
  }
  .index-box .box3 dd{
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 0.3rem;
  }
  .index-box .box3 dd:last-of-type{
    margin-bottom: 0;
  }
  .index-box .box3 dd a{
    padding: 0.5rem 0.4rem 0;
  }
  .index-box .box3 dd a p{
    margin: 0.32rem 0;
  }

  .home-body{
    padding-top: 0;
  }
  .home-box{
    flex-wrap: wrap;
    flex-direction: column;
  }
  .home-box dd:nth-of-type(2){
    flex: 1.5;
  }
  .home-box dd div .img{
    width: 3.0rem;
  }
  .home-box dd div h6{
    opacity: 1;
    width: 90%;
    height: auto;
    margin-top: 0.2rem;
  }
  .home-box dd div h6 .a{
    font-size: 0.2rem;
    padding: 0.2rem 0;
  }
  .home-box dd div h6 .a1::after{
    font-size: 0.3rem;
  }
  .home-box dd div p{
    display: none;
  }
  .home-box dd div h6 .a img{
    height: 0.3rem;
  }

}

/* 鎵嬫満绔� */
@media (max-width: 768px) {

}
